<!--
 * @description: 新增提现记录详情
 * @Author: latiao
 * @Date: 2021-11-08 16:49:33
 * @LastEditors: latiao
 * @LastEditTime: 2022-03-14 13:21:52
-->
<template>
<view class="record--detail">
  <view class="record--detail__top">
    <image src="http://medusa-small-file.oss-cn-hangzhou.aliyuncs.com/images/m-icon.png" class="detail--m__icon"></image>
    <view class="detail--type">余额提现-{{helper.getChannel(detail.channel)}}</view>
    <view class="detail--amount">{{detail.amount}}</view>
  </view>
  <view class="detail--cell">
    <u-cell-group>
      <u-cell title="申请状态" :value="helper.getAuditStatusName(detail.auditStatus)" :border="false"></u-cell>
      <u-cell title="申请时间" :value="detail.createTime" :border="false"></u-cell>
      <u-cell title="原因说明" v-if="detail.reason" :value="detail.reason" :border="false"></u-cell>
      <u-cell title="审核时间" v-if="detail.auditStatus !== 'PASSED' && detail.auditStatus !== 'PENDING_PARTNER' && detail.updateTime" :value="detail.updateTime" :border="false"></u-cell>
      <u-cell title="到账时间" v-if="detail.arriveTime" :value="detail.arriveTime" :border="false"></u-cell>
      <u-cell title="提现方式" :value="helper.getChannel(detail.channel)" :border="false"></u-cell>
      <u-cell title="交易订单" v-if="detail.sn" :value="detail.sn" :border="false" value-class="order--num"></u-cell>
    </u-cell-group>
  </view>
</view>
</template>

<script module="helper" lang="wxs" src="../withdrawalsRecord/item/helper.wxs"></script>
<script lang='ts'>
import { Component, Vue } from 'vue-property-decorator'

@Component
export default class CommissionRecordDetail extends Vue {
    detail:any={}
    onLoad({ detail }) {
        this.setData({ detail: JSON.parse(decodeURIComponent(detail)) });
    }
}
</script>
<style lang="scss" scoped>
page {
  background: #fff;
}

.record--detail {
  width: 100%;
  height: 100vh;
  
  background: white;
}

.detail--m__icon {
  width: 189rpx;
  height: 123rpx;
  margin: 72rpx 0 32rpx;
}

.record--detail__top {
  width: 100%;
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: center;
}

.detail--type {
  font-size: 35rpx;
  margin-bottom: 51rpx;
}

.detail--amount {
  font-size: 58rpx;
  font-weight: bold;
}

.detail--cell {
  margin-top: 117rpx;
}

.order--num {
  flex: 2 1 120px !important;
}
</style>